<html xmlns:th="http://www.thymeleaf.org">
<script  th:inline="javascript">
    <![CDATA[
    $("#slide_datagrid").datagrid({
        url : 'slide/slidelist.do',
        pagination : true,
        fit : true,
        border : true,
        idField : 'id',
        pageSize : 1000,
        rownumbers : true,
        pageList : [  1000, 2000,3000 ],
        sortName : 'versionname',
        sortOrder : 'desc',
        singleSelect : true,
        columns : [ [ {
            field : 'id',
            hidden : true
        }, {
            field : 'slidName',
            title : '名称'
        },{
            field : 'menums',
            title : '描述',
            width : 300,
            align : 'center'
        }] ],
        toolbar : [{
            text : '新增',
            iconCls : 'icon-add',
            handler : function() {
                slide_add();
            }
        },'-',{
            text : '修改',
            iconCls : 'icon-edit',
            handler : function() {
                slide_edit();
            }
        },'-',{
            text : '删除',
            iconCls : 'icon-remove',
            handler : function() {
                slide_remove();
            }
        } ]
    });

    function slide_add(){
        var slide_add_dialog  = $("<div/>").dialog({
            title: '新建模板',
            width:860,
            height:600,
            closed: false,
            cache: false,
            href: 'slide/add.do',
            modal: true,
            buttons:[{
                text : '保存',
                iconCls: 'icon-add',
                handler : function() {

                    $.ajax({
                        type : "post",
                        url : 'slide/save.do',
                        data : $.serializeObject($('#slideadd_Form')),
                        dataType : "json",
                        beforeSend: function(){
                            return $('#slideadd_Form').form('validate');
                        },
                        success : function(data) {
                            if(data.success){
                                $('#slide_datagrid').datagrid('load');//此方法还得发送一次查询的请求效率较低，所以要用下面的方法替代
                                slide_add_dialog.dialog('close');
                            }
                            $.messager.show({
                                title:'提示',
                                msg:data.msg,
                                showType:'slide',
                                style:{
                                    right:'',
                                    top:document.body.scrollTop+document.documentElement.scrollTop,
                                    bottom:''
                                }
                            });
                        }
                    });
                }
            } ],
            onClose:function(){
                $(this).dialog('destroy');
            }
        });
    }

    function slide_edit(){
        var datagrid = $("#slide_datagrid");//这个id在最下面定义着呢
        var rows = datagrid.datagrid('getChecked');
        var id=rows.id;
        if(rows.length == 0){
            $.messager.show({
                title:'提示',
                msg:'请您选择一条数据来做编辑操作！'
            });
        }
        if(rows.length == 1){
            var slide_edit_dialog   = $("<div/>").dialog({
                title: '编辑',
                width: 750,
                height: 500,
                closed: false,
                cache: false,
                resizable : true,
                href: 'slide/edit.do?id='+ id,
                modal: true,
                buttons:[{
                    text : '保存',
                    iconCls: 'icon-add',
                    handler : function() {
                        $.ajax({
                            type : "post",
                            url : 'slide/slidedit.do',
                            data : $.serializeObject($('#slide_edit_Form')),
                            dataType : "json",
                            beforeSend: function(){
                                return $('#slide_edit_Form').form('validate');
                            },
                            success : function(data) {
                                if(data.success){
                                    $('#slide_datagrid').datagrid('load');//此方法还得发送一次查询的请求效率较低，所以要用下面的方法替代
                                    slide_edit_dialog .dialog('close');
                                }
                                $.messager.show({
                                    title:'提示',
                                    msg:data.msg,
                                    showType:'slide',
                                    style:{
                                        right:'',
                                        top:document.body.scrollTop+document.documentElement.scrollTop,
                                        bottom:''
                                    }
                                });
                            }
                        });
                    }
                } ],
                onClose:function(){
                    $(this).dialog('destroy');
                },
                onLoad:function(){
                    console.log(rows);
                    $("#slide_edit_Form").form('load',rows[0]);
                }
            });
        }
    }

    function slide_remove() {
        var datagrid1 = $("#slide_datagrid");
        var rows = datagrid1.datagrid('getChecked');
        if(rows.length > 0){
            $.messager.confirm('确认','确认要删除吗？',function(r){
                if (r){
                    $.ajax({
                        url:'slide/delete.do',
                        data:{
                            ids:rows[0].id
                        },
                        dataType:'json',
                        success:function(data){
                            datagrid1.datagrid('load');
                            datagrid1.datagrid('unselectAll');//使全部的行形成未選中狀態
                            $.messager.show({
                                title:'提示',
                                msg:data.msg
                            });
                        }
                    });
                }
            });
        }else{
            $.messager.show({
                title:'提示',
                msg:'请至少选择一行来做删除操作！'
            });
        }
    }
    ]]>
</script>
<div class="easyui-layout" data-options="fit:true,border:false">
	<div data-options="region:'center',border:false">
		<table id="slide_datagrid"></table>
	</div>
</div>
</html>


